// import var first！
@import "var"
@import "reset"
@import "font"
@import "post"

@import "./includes/_footer"
@import "./includes/_head"
@import "./includes/_horizontal-line"
@import "./includes/_posts"
@import "./includes/_main"
@import "./includes/_sidebar"
@import "./includes/_paginator"
@import "./includes/_pre-next"
@import "./includes/_location-bar"
@import "./includes/_switch-button"
@import "./includes/_darkmode-mask"
@import "./includes/_toc"

.mask-border
  position: relative
  z-index: 10
  pointer-events: none
  &::before
    content: ''
    width: 100%
    height: 100vh
    border: 1rem $color-main solid
    position: fixed
    top: 0
    left: 0

img
  -webkit-user-drag: none;

::selection
  color: $color-white
  background: $color-black-2

// scroll bar style
/* width */
::-webkit-scrollbar {
  width: 6px
  height : 6px
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: $color-light-gray
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: $color-gray
}

@media screen and (max-width: $L)
  .mask-border
    &::before
      border: 0.8rem $color-main solid
